<template>
	<ul class="main clearfix">
		<li v-for="(option,index) in options" class="mainItem">
			<div class="item">
				<p>{{option.titleSingle}}</p>
				<template v-if="option.titleSingle=='线下门店注册数量'">
					<span>{{option.moneySingle}}</span>个
				</template>
				<template v-else>
					<span>{{option.moneySingle}}</span>元
				</template>
			</div>
			<div class="item">
				<p>{{option.titleDouble}}</p>
				<template v-if="option.titleDouble=='线下门店注册数量'">
					<span>{{option.moneyDouble}}</span>个
				</template>
				<template v-else>
					<span>{{option.moneyDouble}}</span>元
				</template>
				
			</div>
		</li>
	</ul>
</template>

<script>
export default {
	props:{
		options:{
			type: Array,
			require: true
		}
	}
}
</script>

<style scoped="scoped">
.main{
	margin-top: 20px;
}
.mainItem{
	width: 49%;
	float: left;
	padding: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	height: 120px;
	border-radius: 6px;
	background: #fff;
}
.mainItem:nth-child(2n){
	margin-right: 0;
}
.item{
	width: 47%;
	float: left;
	height: 80px;
	text-align: center;
	margin-right: 20px;
	border-right: 1px solid #FFAFB3;
}
.item:nth-child(2n){
	margin-right: 0;
	border-right: 0;
}
.item p{
	line-height: 40px;
}
.item span{
	line-height: 30px;
	color: #1D75E7;
}
</style>
